<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卡组商店</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/deck-shop.css">
    <link rel="icon" href="logo.svg" type="image/svg+xml">
</head>

<body>
    <div class="header">
        <button class="back-button" onclick="goBackToMain()">← 返回主界面</button>
        <div class="money-display">
            <h2>当前金币：<span id="currentMoney">0</span></h2>
        </div>
    </div>

    <div class="container">
        <div class="category-container">
            <div class="category">
                <div class="category-title">角色卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="roleCards">
                        <!-- 角色卡将通过JavaScript动态添加 -->
                    </div>
                </div>
            </div>
            <div class="category">
                <div class="category-title">行动卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="actionCards">
                        <!-- 行动卡将通过JavaScript动态添加 -->
                    </div>
                </div>
            </div>
            <div class="category">
                <div class="category-title">全场装备卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="totalWeaponCards">
                        <!-- 全场装备卡将通过JavaScript动态添加 -->
                    </div>
                </div>
            </div>
            <div class="category">
                <div class="category-title">角色装备卡</div>
                <div class="card-scroll-container">
                    <div class="card-list" id="roleWeaponCards">
                        <!-- 角色装备卡将通过JavaScript动态添加 -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/common.js"></script>
    <script src="js/deck-shop.js"></script>
</body>

</html>